<template>
  <div class="sponsor">
    <el-divider>请作者媳妇儿喝杯二锅头~</el-divider>
    <el-card style="text-align:center;">
      <img style="height:322px;" :src="$withBase(`/images/airpay.jpg`)" />
      <img style="height:322px;" :src="$withBase(`/images/wechat.jpg`)" />
    </el-card>
    <el-divider>NetModular携全体模块，感谢以下老铁们的打赏~</el-divider>
    <el-table :data="data" border show-summary size="small" style="width:100%;">
      <el-table-column prop="name" label="姓名" align="center" />
      <el-table-column prop="value" label="金额(元)" align="center" />
      <el-table-column prop="from" label="平台" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.from === 1 ? '支付宝' : '微信' }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="date" label="日期" align="center" />
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      data: [
        {
          name: '*风',
          value: 50,
          date: '2020-01-17',
          from: 2
        },
        {
          name: '*子',
          value: 50,
          date: '2020-01-01',
          from: 2
        },
        {
          name: '*超',
          value: 168,
          date: '2019-11-12',
          from: 1
        },
        {
          name: '*懿辉',
          value: 168,
          date: '2019-10-30',
          from: 1
        },
        {
          name: 'D*d',
          value: 10,
          date: '2019-09-25',
          from: 1
        }
      ]
    }
  }
}
</script>
<style>
table {
  margin: 0;
}
</style>
